﻿<!DOCTYPE html>
<!--简易作业吊装安全许可证-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

    <script src="../../static/js/Mock/JobLicenseApp.js"></script>
    <script src="../../static/js/Resource/JobLicenseApp.js"></script>
    <style>
        body {
            padding-bottom: 10px;
        }

        .toptitle label {
            margin-left: 20px;
        }

        .align_left {
            text-align: left;
        }

        table {
            width: 100%;
            border-top: 1px solid;
            border-left: 1px solid;
            text-align: center;
            /*border-right: none;*/
        }

            table td {
                border-right: 1px solid;
                border-bottom: 1px solid;
                /*height:38px;*/
                padding: 10px;
            }
    </style>
</head>
<body>
    
<div id="app" v-cloak>   
        <div style="width:100%;text-align:center ">
            <label style="font-weight:bold">简易作业吊装安全许可证</label>
        </div>
        <el-form :model="Form" status-icon style="margin-top:5px;width:100%">
            <el-row type="flex" justify="end">
                <!--Q/G11-018-R01-->
                <el-col span="4">
                    {{EasyHoistingHomeworkSafeLicenceList.HeadNumber}}
                </el-col>
                <!--No-->
                <el-col span="4">
                    {{EasyHoistingHomeworkSafeLicenceList.ApplicationNumber+mark.m}}2342JK1L23
                </el-col>
            </el-row>
            <!--下方表格-->
            <table style=" width:100%" cellpadding="0" cellspacing="0">
                <!--第一行-->
                <tr style="" height="40px">
                    <td width="10%" rowspan="6" style="text-align:center;  ">工作内容</td>
                    <!--作业单位-->
                    <td width="22.5%">
                        {{SimpleLiftingOperation.OperatingUnit}}
                    </td>
                    <!--作业单位的值-->
                    <td width="22.5%">
                        {{Form.OperatingUnit}}某单位
                    </td>
                    <!--属地部门-->
                    <td width="22.5%">
                        {{GeneralLiftingWorkSafety.TerritorialDepartment}}
                    </td>
                    <!--属地部门的值-->
                    <td width="22.5%">
                        {{Form.TerritorialDepartment}}某部门
                    </td>
                </tr>
                <!--第二行-->
                <tr style="" height="40px">
                    <!--作业地点-->
                    <td width="22.5%">
                        {{GeneralLiftingWorkSafety.JobLocation}}
                    </td>
                    <!--作业地点值-->
                    <td width="22.5%">
                        {{Form.JobLocation}}某地点
                    </td>
                    <!--申请人-->
                    <td width="22.5%">
                        {{JobSafetyHomeWork.Applicant}}
                    </td>
                    <!--申请人值-->
                    <td width="22.5%">
                        {{Form.Applicant}}武艺
                    </td>
                </tr>
                <!--第三行-->
                <tr height="40px">
                    <!--吊装内容描述-->
                    <td width="22.5%" class="align_left" colspan="4">
                        {{GeneralLiftingWorkSafety.LiftingContentDescription}}
                        {{Form.LiftingContentDescription}}
                    </td>
                </tr>
                <!--第四行-->
                <tr style="" height="40px">
                    <!--吊具额定载荷-->
                    <td width="22.5%">
                        {{GeneralLiftingWorkSafety.CraneRatedLoad}}
                    </td>
                    <!--吊具额定载荷值-->
                    <td width="22.5%">
                        {{Form.CraneRatedLoad}}5
                    </td>
                    <!--被吊物最大重量-->
                    <td width="22.5%">
                        {{GeneralLiftingWorkSafety.MaximumWeightObject}}
                    </td>
                    <!--被吊物最大重量值-->
                    <td width="22.5%">
                        {{Form.MaximumWeightObject}}5
                    </td>
                </tr>
                <!--第五行-->
                <tr height="40px">
                    <!--是否已进行作业前安全分析并附《作业前安全分析（JSA）表》-->
                    <td width="22.5%" style="border-bottom:0px solid  " colspan="4">
                        <span style="width:50%;text-align:left;float:left;">
                            <!--{{GeneralLiftingWorkSafety.IsDevelopSafetyPlan+mark.m}}-->
                            是否已进行作业前安全分析并附《作业前安全分析（JSA）表》
                        </span>
                        <span style="width:50%;text-align:center;float:left;">
                            <el-radio-group v-model="Form.IsDevelopSafetyPlan" style="margin-top:3px">
                                <el-radio v-for="item in IsDevelopSafetyPlan" :label="item.value" :value="item.key">{{item.value}}</el-radio>
                            </el-radio-group>
                        </span>
                    </td>
                </tr>
                <!--第六行-->
                <tr style="" height="40px">
                    <!--承包商-->
                    <td colspan="6" width="15%" height="40px" style="border-top:1px solid;" class="align_left">
                        <el-checkbox v-model="checked">{{GeneralLiftingWorkSafety.contractor+mark.m}}</el-checkbox>
                        {{Form.contractor}}
                    </td>
                </tr>
            </table>
            <table style="border-top:none;" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="10%">序号</td>
                    <td width="60%">{{JobGeneralLiftingWorkDetailed.ControlAsk}}</td>
                    <td width="15%">{{JobGeneralLiftingWorkDetailed.ImplementationSituation}}</td>
                    <td width="15%">{{JobGeneralLiftingWorkDetailed.ConfirmerSign}}</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td class="align_left">吊装准备</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td class="align_left">  被吊物最大重量不超过吊具额定载荷 </td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td class="align_left"> 作业人员已经过培训和技术交底，并明确每个人职责</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td class="align_left">吊具及其附件完好 </td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>5</td>
                    <td class="align_left">已清楚被吊物的规格尺寸及重心</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>6</td>
                    <td class="align_left">已明确被吊物的捆绑、固定方式和吊挂方法</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>7</td>
                    <td class="align_left">被吊物的保护是否合适</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>8</td>
                    <td class="align_left">明确被吊物放置地点</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>9</td>
                    <td class="align_left">明确被吊物吊装的平衡方法</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>10</td>
                    <td class="align_left">引绳（或拉钩）的使用是否确保安全</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>

                <tr>
                    <td>11</td>
                    <td class="align_left">带有突出物的被吊物已采取安全防护</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>12</td>
                    <td class="align_left">承重支架已得到安全论证</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>13</td>
                    <td class="align_left">支腿处的地面平整、坚实，加固措施得到落实</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>14</td>
                    <td class="align_left">手动葫芦链轮运转灵活</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>15</td>
                    <td class="align_left">吊钩无裂缝、变形，安全销完好</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>16</td>
                    <td class="align_left">手拉链、起重链没有磨损、变形、裂纹</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>17</td>
                    <td class="align_left">钢缆没有断丝、锈蚀、磨损、变形</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>18</td>
                    <td class="align_left">手动葫芦倒卡检查完好有效</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>19</td>
                    <td class="align_left">已设置符合要求的隔离</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>20</td>
                    <td class="align_left">辅助用的梯子或脚手架符合安全要求</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>21</td>
                    <td class="align_left">其他辅助工具和设备符合安全要求</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>22</td>
                    <td class="align_left">吊装、移动过程中障碍已采取安全措施</td>
                    <td>不涉及</td>
                    <td>  <signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
            </table>
            <!--基于数据库管控要求下方表格-->
            <!--<table style="border-top:none;" cellpadding="0" cellspacing="0">
                <tr>
                    <td colspan="4" class="align_left">
                        基于数据库管控要求
                    </td>
                </tr>
                <tr>
                    <td width="10%">序号</td>
                    <td width="60%">{{JobGeneralLiftingWorkDetailed.ControlAsk}}</td>
                    <td width="15%">{{JobGeneralLiftingWorkDetailed.ImplementationSituation}}</td>
                    <td width="15%">{{JobGeneralLiftingWorkDetailed.ConfirmerSign}}</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td class="align_left">1.1、完善皮管捆扎合格标准；</td>
                    <td>不涉及</td>
                    <td><signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td class="align_left">
                        2.1、人员入职前进行三级教育<br />
                        2.2、入职后，每月车间主任组织一次安全考核、培训和安全例会，进行安全经验分享和知识分享；
                    </td>
                    <td>不涉及</td>
                    <td><signature v-model="SignValue" :disable="false"></signature></td>
                </tr>
            </table>-->
            <!--基于数据库管控要求下方表格-->
            <!--<el-row style="   border-bottom:0px;    ">
        <el-col span="24" style="  padding-left:30px; ">
            <el-table :data="Form.EasyHoistingHomeworkDate"
                      border
                      style="width: 90%">
                <el-table-column prop="ControlAsk"
                                 :label="JobGeneralLiftingWorkDetailed.ControlAsk"
                                 width="1000">
                </el-table-column>
                <el-table-column prop="ImplementationSituation"
                                 :label="JobGeneralLiftingWorkDetailed.ImplementationSituation">
                </el-table-column>
                <el-table-column prop="ConfirmerSign"
                                 :label="JobGeneralLiftingWorkDetailed.ConfirmerSign">
                </el-table-column>
            </el-table>
        </el-col>
    </el-row>-->
            <!--许可证的签批-->
            <table style=" border-top:none;" cellpadding="0" cellspacing="0">
                <tr style="">
                    <!--许可证的签批-->
                    <td width="10%" rowspan="3" style="text-align:center;  ">许可证的签批</td>
                    <!--规则1|第一行-->
                    <td width="90%" class="align_left">
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.LicenceApprovalPromise1}}
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.HomeworkLeader+mark.m}}
                            </el-col>
                            <el-col>
                                <signature v-model="SignValue" :disable="false"></signature>
                            </el-col>
                        </el-row>
                    </td>
                </tr>
                <!--规则2|第二行-->
                <tr style="">
                    <td width="30%" class="align_left">
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.LicenceApprovalPromise2}}
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.HomeworkPerson+mark.m}}
                            </el-col>
                            <el-col>
                                <signature v-model="SignValue" :disable="false"></signature>
                            </el-col>
                        </el-row>
                    </td>
                </tr>
                <!--规则3|第三行-->
                <tr>
                    <td width="30%" class="align_left">
                        <el-row>
                            <el-col>
                                {{EasyHoistingHomeworkSafeLicenceList.LicenceApprovalPromise1}}
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.Approvaler+mark.m}}
                            </el-col>
                            <el-col>
                                <signature v-model="SignValue" :disable="false"></signature>
                            </el-col>
                        </el-row>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" class="align_left">
                        <!--底部-->
                        <el-row>
                            <el-col>
                                {{JobGeneralLiftingWorkDetailed.LicenceApprovalPromise4}}
                            </el-col>
                            <el-col>
                                <label>
                                    {{JobGeneralLiftingWorkDetailed.HomeworkLeader+mark.m}}
                                </label>
                            </el-col>
                            <el-col>
                                <signature v-model="SignValue" :disable="false"></signature>
                            </el-col>
                        </el-row>
                    </td>
                </tr>
            </table>

            <!--底部按钮-->
            <el-row type="flex" justify="end">
                <el-form-item>
                    <!--提交-->
                    <el-button type="primary" @click="onSubmitForm('ruleForm')">{{col.btnSubmit}}</el-button>
                </el-form-item>
            </el-row>
        </el-form>
    </div>
    <script type="text/javascript">
        app = new Vue({
            el: '#app',
            data: {
                id: '',
                checked: true,
                Form: {
                    id: guidEmpty,
                    OperatingUnit: '',//作业单位
                    ApplicationNumber: '',//申请编号
                    ApplicationTime: '',//申请时间
                    OperatingName: '',//"作业名称",
                    JobManagere: '',//作业负责人
                    JobLocation: '',//作业地点
                    JobStartTime: '',//作业起始时间
                    JobEndTime: '',//有效截至时间
                    TerritorialDepartment: '',//属地部门
                    CurrentJob: '',//当前作业
                    Level: '',//等级
                    HoistingPersonnel: '',//吊装人员及特殊工种作业证号
                    HoistingCommander: '',//吊装指挥人及特殊工种作业证号
                    LiftingContentDescription: '',//LiftingContentDescription
                    CraneRatedLoad: '',//起重机额定载荷
                    MaximumWeightObject: '',//被吊物最大重量
                    IsDevelopSafetyPlan: '',//是否已制定吊装作业安全方案
                    LiftingToolName: '',//吊装工具名称
                    InvolvingOtherSpecialOperations: '',//涉及其他特殊作业
                    contractor: '',//承包商
                    HazardIdentification: '',//危害辨识
                    BasedDatabaseManagementRequirements: '',//基于数据库管控要求
                    Approver: '',//审批人
                    LiftingOperator: '',//吊装作业人
                    HoistingGuardian: '',//吊装监护人
                    RelatedForm: '',//相关表格
                },
                TerritorialDepartment: [],
                Level: [],
                IsDevelopSafetyPlan: [],
                contractor: [],
                Confirmor: [],
                rules: {},
                OperatingUnit: [],
                BasedDatabaseManagementRequirements: [],
                ListItem: ListItem,
                SignValue: '',
                value: '',
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                handleNodeClick: function (data) {
                    console.log(data);
                },
                handleSelect: function (ev) {
                    console.log(ev);
                },
                handleChecked: function (value) {
                },
                handleCheckedConfirmation: function (value) {
                },
                deleteRow: function (index, rows) {
                    rows.splice(index, 1);
                },
                getData: function () {
                    getDataAdd(this, '/api/EasyHoistingHomeworkSafeLicence/get?id=' + this.id);
                },
                Bianji: function (val, id) { DialogShow(this, val, "RelatedTableList.html", id); },

                UserInput: function (val, id) { DialogShow(this, val, "HoistingGuardianInput.html", id); },
                ApproverInput: function (val, id) { DialogShow(this, val, "ApproverInput.html", id); },
                LiftingOperatorInput: function (val, id) { DialogShow(this, val, "LiftingOperatorInput.html", id); },
                RiskInformationBase: function (val, id) {
                    DialogShow(this, val, "RiskInformationBase.html", id);
                },
                //提交数据
                onSubmitForm: function (formName) {
                    var mythis = this;
                    console.log(mythis)
                    onSubmitForm(this, '/api/GeneralLiftingWorkSafety/Save', mythis.Form);
                },
            },
            mounted: function () {
                var date = new Date();
                var list = getDicDataArray(['14', '03', '50', '12', '09', '08']);
                this.OperatingUnit = getDicDatafromArray('08', list);//
                this.TerritorialDepartment = getDicDatafromArray('14', list);//
                this.Level = getDicDatafromArray('03', list);//等级
                this.IsDevelopSafetyPlan = getDicDatafromArray('50', list);//
                this.contractor = getDicDatafromArray('12', list);//
                this.Confirmor = getDicDatafromArray("09", list);//批准人
                this.id = getUrlParam("id");
                this.getData();
                if (this.id == null) {
                    console.log(this.SafetyMeasures);
                    this.SystemDateTime = date.getFullYear() + "年" + date.getMonth() + "月" + date.getDay() + "日" + date.getHours() + "时" + date.getMinutes() + "分";
                    this.Form.OperatingUnit = "作业单位值xxxxxxx";
                    this.Form.TerritorialDepartment = "属地部门的值xxxxxxxxxx";
                    this.Form.JobLocation = "作业地点的值xxxxxxxxxx";
                    this.Form.Applicant = "申请人xxxxxxx";
                    this.Form.LiftingContentDescription = "吊装内容描述xxxxxxxxxxxx";
                    this.Form.CraneRatedLoad = "吊具额定载荷xxxxxx";
                    this.Form.MaximumWeightObject = "被吊物最大重量值xxxxxxxxxx";
                    this.Form.contractor = "承包商xxxxxxxxxx";
                }
                //this.BasedDatabaseManagementRequirements = this.Form.BasedDatabaseManagementRequirements;
            }
        });
    </script>
</body>
</html>